<template>
	<view class="footprint">
		<view class="footprintItem" v-for="(item, index) in 2" :key="index">
			<view class="time">11月3日</view>
			<view class="commodityList">
				<view class="commodity" v-for="(iem, idx) in 4" :key="idx" @click="goDetails('186')">
					<u-image width="246rpx" height="246rpx" src="http://xcx.tfxiaochengxu.com/2021-10-30_617cb2d2ce17a.jpg"></u-image>
					<view class="title u-line-1">味滋源 板栗仁100g/袋 坚果零食特产栗子熟制甘栗仁即食干果</view>
					<view class="operate">
						<view class="price">
							<text>￥</text>99.99
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="noContent">
			<image class="noContentImage" mode="widthFix" src="/static/noLive.png"></image>
			<view class="text">没有足迹</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goDetails () {
				uni.navigateTo({
					url: '/pages/index/goodsDetails?goods_id='+goods_id
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.footprint {
	min-height: 100%;
	background-color: var(--bgColor);
	.time {
		text-align: center;
		color: #666666;
		font-size: 24rpx;
		line-height: 60rpx;
	}
	.commodityList {
		display: flex;
		flex-wrap: wrap;
		.commodity {
			margin-right: 6rpx;
			margin-bottom: 6rpx;
			background-color: #FFFFFF;
			&:nth-of-type(3n) {
				margin-right: 0;
			}
			.title {
				width: 246rpx;
				box-sizing: border-box;
				padding: 20rpx 10rpx 0;
			}
			.operate {
				display: flex;
				justify-content: space-between;
				padding: 10rpx 10rpx 20rpx;
				.price {
					color: var(--primaryColor);
					font-size: 28rpx;
					text {
						font-size: 22rpx;
					}
				}
			}
		}
	}
}
</style>
